<template>
    <div class="about memberBg">
        <!-- 头部 -->
        <InsideHeader></InsideHeader>
                                                        
        <!-- memberInquiry -->
        <div class="memberInquiry">
            <div class="memberBlock">
                <div class="memberIndexN">
                    <div class="memberIndexNC">
                        <a href="#">个人信息</a>
                        <a href="#">我的问询</a>
                        <a href="#">我的elearning</a>
                        <a href="#" class="on">我的收藏</a>
                        <a href="#">系统消息</a>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="memberInquiryC">
                    <div class="memberInquiryDetailsCtit">
                        <em></em><p class="title">我的收藏</p>
                    </div>
                    <div class="collect">
                       <ul class="title"><li>收藏类型<img src="/images/down.png"></li><li>标题</li><li>时间</li><li>操作</li></ul>
                       <div class="contentlist">
                           <ul class="content"><li>新闻</li><li>三菱机电官方网站新闻。三菱机电官方网站</li><li>2019-18-12</li><li><span>取消收藏</span><span><img src="/images/share.png">分享</span></li></ul>
                           <ul class="content"><li>新闻</li><li>三菱机电官方网站新闻。三菱机电官方网站</li><li>2019-18-12</li><li><span>取消收藏</span><span><img src="/images/share.png">分享</span></li></ul>
                           <ul class="content"><li>新闻</li><li>三菱机电官方网站新闻。三菱机电官方网站</li><li>2019-18-12</li><li><span>取消收藏</span><span><img src="/images/share.png">分享</span></li></ul>
                           <ul class="content"><li>新闻</li><li>三菱机电官方网站新闻。三菱机电官方网站</li><li>2019-18-12</li><li><span>取消收藏</span><span><img src="/images/share.png">分享</span></li></ul>
                       </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/home.css";
    import "@/assets/css/member.css";
    import InsideHeader from "@/components/headuser";
    import HomeHooter from "@/components/footer";

    export default {
      name: "memberInquiry",
      data() {
        return {
         
        };
      },
      components: {
        InsideHeader,
        HomeHooter,
      },
      methods: {
        memberInquiryCOSdel() {
          $(".memberInquiryCOSdelPUP").show();
        },
        memberInquiryCOSdelPUPCclose() {
          $(".memberInquiryCOSdelPUP").hide();
        },
         formatter(row, column) {
            return row.address;
          }
      }
     
    };
</script>
<style scoped>
.memberInquiryDetailsCtit .title{
	width: 95%
}
.content li{
    border-right: solid 1px #DFDFDF
}
.content li:last-child{
    border-right: 0
}
.collect{
    margin-top: 20px;
    overflow: hidden;
}
.collect .title{
    background-color: #F4F4F4;
    margin-bottom: 20px;
    font-weight: bold; 
}
.title img,.content img{
    width:20px;
    height: 20px;
    vertical-align: middle; 
}
.content img{
    margin-left: 30px
}
.collect ul{
    overflow: hidden;
    line-height: 60px;
    border:solid 1px #DFDFDF; 
    font-size: 14px;
}
.collect .content{
    border-bottom: 0
}
.collect .content:last-child{
    border-bottom: solid 1px #DFDFDF
}
.collect li{
    text-align: center;
    float: left;
}
.collect ul li:nth-child(1){
    width: 14%
}
.collect ul li:nth-child(2){
    width: 50%
}
.collect ul li:nth-child(3){
    width: 15%
}
.collect ul li:nth-child(4){
    width: 20%
}
.message{
	width: 100%;
    height: auto;
    margin-top: 10px;
    padding: 0px;
    box-sizing: border-box;
}
.message ul li{
	border-bottom: solid 1px #E5E5E5;
	padding: 20px;
	overflow: hidden; 
}
.message ul li:hover{
	background-color: #E5E5E5
}
.message ul li:hover .delmsg{
	display: inline-block;
}
.message ul li h2{
	font-size: 18px;
	font-weight: normal;
	color: #E70012
}
.message ul li p{
	font-size: 14px;
	margin: 10px 0 0 30px;
	width:85%;
	float: left;
}
.message ul li span{
	font-size: 14px;
	color: #000
}
.delmsg{
	color: #E70012!important;
	margin-top: 10px;
	display: none
}
.allread{
	color: #333;
	font-size: 14px;
	float: right;
}
input[type="checkbox"]{width:18px;height:18px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative; margin-right: 10px}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #e50232;color:#e50232;font-size: 20px;font-weight: bold;}
</style>